<template>
     <div class="footer-container">
        <el-row :gutter="10">
            <el-col :span="12">
            <!--线上热门搜索组件 -->
                <Search></Search>
            </el-col>
            <el-col :span="12">
             <!-- 销售额类别占比组件 -->
                <Category></Category>
            </el-col>
        </el-row>
     </div>
</template>

<script>
import Search from '@/views/dashboard/FootView/Search'
import Category from '@/views/dashboard/FootView/Category'

export default {
    name:'FootView',
    components:{
        Search,
        Category 
    }
}
</script>

<style scoped>
 .footer-container{
        margin-top: 10px;
     }
 .el-row {
    margin-bottom: 20px;
  }
  .el-row:last-child {
      margin-bottom: 0;
    }
  .el-col {
    border-radius: 4px;
    
  }
</style>